<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.min.css">
  <script src="../bootstrap-3.4.1-dist/js/jquery-3.6.0.min.js"></script>
  <script src="../bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</head>
<body>
  <div class="container">
    <table class="table table-striped table-hover table-bordered">
      <thead>
        <tr class="success">
          <td>顶部标题01</td>
          <td>顶部标题02</td>
          <td>顶部标题03</td>
          <td>顶部标题04</td>
          <td>顶部标题05</td>
          <td>顶部标题06</td>
          <td>顶部标题07</td>
          <td>顶部标题08</td>
          <td>顶部标题09</td>
          <td>顶部标题10</td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
        </tr>
        <tr>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
        </tr>
        <tr>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
        </tr>
        <tr>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
        </tr>
        <tr>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
        </tr>
        <tr>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
        </tr>
        <tr>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
        </tr>
        <tr>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
        </tr>
        <tr>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
        </tr>
        <tr>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
          <td>测试表格</td>
        </tr>
      </tbody>
    </table>

    <form class="form-inline">
      <div class="form-group">
        <label for="exampleInputName2">Name</label>
        <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
      </div>
      <div class="form-group">
        <label for="exampleInputEmail2">Email</label>
        <input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com">
      </div>
      <button type="submit" class="btn btn-default">Send invitation</button>
    </form>

    <div class="form-group has-success has-feedback">
      <label class="control-label" for="inputSuccess2">Input with success</label>
      <input type="text" class="form-control" id="inputSuccess2" aria-describedby="inputSuccess2Status">
      <span class="glyphicon glyphicon-off form-control-feedback" aria-hidden="true"></span>
      <span id="inputSuccess2Status" class="sr-only">(success)</span>
    </div>
  </div>
  <div class="container">
    <a class="btn btn-default" href="#" role="button">Link</a>
    <button class="btn btn-default" type="submit">Button</button>
    <input class="btn btn-success" type="button" value="Input">
    <input class="btn btn-default" type="submit" value="Submit">
    <br>
    <img src="01.png" alt="" width="200" class="img-thumbnail">
  </div>
</body>
</html>